<!DOCTYPE html>

<head>
    <title>e井商城_中国领先的安防全产业链服务平台_e井在线b2b电子商务平台官网</title>
    @include('web.layout.head')
    <link rel="stylesheet" href="{{asset('/css/web/shopindex.css')}}">
    <script src="{{asset('/js/web/index/scrollbar.js')}}"></script>
</head>
<body>
@include('web.layout.header_proscenium')
@include('web.layout.main_header')
@include('web.layout.main_header_nav')


<div class="width1200">
    <div class="ipt-nav por mt10 ">
        <div class="index_yjfl fl">
            <ul>

                @if(isset($info['categorieslist']))
                    @foreach($info['categorieslist'] as $key => $value)
                        <li class="tu ban_img{{$key+1}}" ><a rel="nofollow" target='_blank' href="{{asset('/product/product_list/'.array_get($value,'id'))}}">{{array_get($value,'name')}}<font></font></a> <div style="clear: both;"></div></li>
                    @endforeach
                @endif

            </ul>
        </div>

        @if(isset($info['categorieslist']))
            @foreach($info['categorieslist'] as $key => $value)
                <div class="nav-list scrollBox" id="scrollBox{{$key+1}}">
                    <!-- 套数据的时候  id后面的数字  请自增1 -->
                    <div id="scrollObj{{$key+1}}" class="scrollObj">
                        <div class="con f-cb">
                            <div class="left">
                                @if(isset($value['second_list']))
                                    @foreach($value['second_list'] as $key_o => $value_o)
                                        <div class="box f-cb">
                                            <span><a target='_blank' href="{{asset('/product/product_list/'.array_get($value_o,'id'))}}" rel="nofollow">{{array_get($value_o,'name')}}</a></span>
                                            <ul>
                                                @if(isset($value_o['three_list']))
                                                    @foreach($value_o['three_list'] as $key_t => $value_t)
                                                <li><a rel="nofollow" target='_blank' href="{{asset('/product/product_list/'.array_get($value_o,'id').'?categories_data[id]='.array_get($value_t,'id').'&categories_data[name]='.array_get($value_t,'name').'&attrs_data=&order=&brand_id=&sale_price=&second_cat='.array_get($value_o,'id').'&third_cat=')}}">{{array_get($value_t,'name')}}</a></li>
                                                    @endforeach
                                                @endif
                                            </ul>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="scrollBar" id="scrollBar{{$key+1}}">
                        <!-- 套数据的时候  id后面的数字  请自增1 -->
                        <div class="scrollBtn" id="scrollBtn{{$key+1}}"></div>
                    </div>
                </div>
            @endforeach
        @endif
        <div class="banner_center">
            <div class="swiper-container banner_swiper">
                <div class="swiper-wrapper">
                    @if(isset($info['adv_list']['adv_o']))
                        @foreach($info['adv_list']['adv_o'] as $key => $value)
                            <div class="swiper-slide">
                                <a target="_blank" href="{{array_get($value,'url')}}"><img src="{{array_get($value,'image')}}"></a>
                            </div>

                        @endforeach
                    @endif
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="login_main fr">
            <div class="top">
                <div class="order">
                    <h3>网上配单</h3>
                    <div class="order_write">
                        <img class="write_img" src="{{asset('/img/web/shopindex/shop_01.png')}}" alt="">
                        <p class="write_cost">填写报价要素<br><span>发货时间/开票/项目</span></p>
                    </div>
                    <div class="order_store">
                        <img class="store_img" src="{{asset('/img/web/shopindex/shop_02.png')}}" alt="">
                        <p class="add_store">批量增加商品<br><span>匹配我的商品库信息</span></p>
                    </div>
                    <a class="btn" href="{{url('/member/seller/items/create')}}">马上生成配单</a>
                </div>
                <h3 class="news">最新成交</h3>
                <div id="FontScroll">
                    <ul>
                        @if(isset($info['order']))
                            @foreach($info['order'] as $key => $value)
                                <li><span>{{array_get($value,'order_code')}}</span> <font>{{array_get($value,'order_products')}}</font> <span>{{array_get($value,'confirm_at')}}</span></li>
                            @endforeach
                        @endif
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="width1200 mt10">
    @if(isset($info['adv_list']['adv_t']))
        @foreach($info['adv_list']['adv_t'] as $key => $value)
                <a class="img_box" target="_blank" href="{{array_get($value,'url')}}"><img class="guang_img" src="{{array_get($value,'image')}}"></a>
        @endforeach
    @endif
</div>

<div class="width1200">
    <div class="shopName">店铺推荐</div>
    <div class="recommend_main">
        <ul>
            @if(isset($info['shoplist']))
                @foreach($info['shoplist'] as $key => $value)
            <li>
                <div class="recommend_main_top">
                    <div class="recommend_main_top_left">
                        <a target="_blank" href="{{asset('/shop/index/'.array_get($value,'sp_id'))}}"><h2>{{array_get($value,'sp_name')}}</h2></a>
                        <span class="protect">保</span>
                        <span class="product">品</span>
                        <span class="credit">赊</span>
                    </div>
                    <div class="recommend_main_top_right">
                        <?php
                            $ms = 0;
                            $fw = 0;
                            $wl = 0;
                            if(!empty($value['product_comment_score']) and !empty($value['product_comment_count']))
                                $ms = number_format($value['product_comment_score'] / $value['product_comment_count'],2);

                            if(!empty($value['seller_comment_score']) and !empty($value['seller_comment_count']))
                                $fw = number_format($value['seller_comment_score'] / $value['seller_comment_count'],2);

                            if(!empty($value['logistics_comment_score']) and !empty($value['logistics_comment_count']))
                                $wl = number_format($value['logistics_comment_score'] / $value['logistics_comment_count'],2);

                        ?>
                    <!-- 当分数为五分以下的颜色为绿色样式(green )，分数为五分时颜色为红色(red) -->
                       <p>描述<br><span class="@if($ms<5) green @else red @endif">{{$ms}}</span></p>
                       <p>服务<br><span class="@if($fw<5) green @else red @endif">{{$fw}}</span></p>
                       <p>物流<br><span class="@if($wl<5) green @else red @endif">{{$wl}}</span></p>
                    </div>
                </div>
                <div class="recommend_main_bottom">
                    @if(isset($value['product']))
                        @foreach($value['product'] as $key_0 => $value_0)
                    <a href="{{asset('/product/info/'.array_get($value_0,'id').'/0')}}" class="recommend_main_bottom_img" target="_blank"><img src="{{array_get($value_0,'cover_image')}}" alt="" ></a>
                        @endforeach
                    @endif

                </div>
            </li>
                @endforeach
            @endif
        </ul>
    </div>
    <div class="width1200 mt10">
        @if(isset($info['adv_list']['adv_th'][0]['image']))
            <a target="_blank" href="{{$info['adv_list']['adv_th'][0]['url']}}"><img src="{{$info['adv_list']['adv_th'][0]['image']}}"></a>
        @endif
    </div>
    <div class="serviceName">工程服务</div>
    <div class="service_main">
        <div class="service_main_con">
            <a href=""><img src="{{asset('/img/web/shopindex/br_1.png')}}" alt=""></a>
            <p class="service_main_con_jieshi">专业的施工单位聚合平台，为您提供优质、安全、准时、实惠的施工及公共服务。独特的撮合模式，实时的信息跟踪，高速的消息反馈，云平台一体化管理方式，让项目管理更便捷。</p>
            <p class="service_main_con_mod">
                <a href=""><span>弱电安防</span></a>
                <a href=""><span>水电安装</span></a>
                <a href=""><span>公共服务</span></a>
                <a href=""><span>装修施工</span></a>
            </p>
            <a href="javascript:;" onClick="window.open('https://ejing365.qiyukf.com/client?k=658d5ad0d003c4208d8b2e2ade0b74f4&wp=1','_blank','width=600,height=700,top=100px,left=0px')" class="bj-yj sev">马上联系服务</a>
        </div>
        <div class="service_main_con">
            <a href=""><img src="{{asset('/img/web/shopindex/br_2.png')}}" alt=""></a>
            <p class="service_main_con_jieshi">专业的设计单位聚合平台，独特的撮合模式，让您和设计单位都有多种选择，优势劣势一目了然，针对性服务更加贴心。需求信息发布，平台为您把控风险，为您提供优质、安全、准时、实惠的专业服务。</p>
            <p class="service_main_con_mod">
                <a href=""><span>方案规划</span></a>
                <a href=""><span>图纸设计</span></a>
                <a href=""><span>装修施工</span></a>
                <a href=""><span>公共服务</span></a>
            </p>
            <a href="javascript:;" onClick="window.open('https://ejing365.qiyukf.com/client?k=658d5ad0d003c4208d8b2e2ade0b74f4&wp=1','_blank','width=600,height=700,top=100px,left=0px')" class="bj-yj sev">马上联系服务</a>
        </div>
        <div class="service_main_con">
            <a href=""><img src="{{asset('/img/web/shopindex/br_3.png')}}" alt=""></a>
            <p class="service_main_con_jieshi">平台聚合了各个区域多个领域的权威行业专家，实时的为您解惑答疑，可预约至现场进行专家论证。您提供优质、安全、准时、实惠的专业服务。</p>
            <p class="service_main_con_mod">
                <a href=""><span>在线咨询</span></a>
                <a href=""><span>服务预约</span></a>
            </p>
            <a href="javascript:;" onClick="window.open('https://ejing365.qiyukf.com/client?k=658d5ad0d003c4208d8b2e2ade0b74f4&wp=1','_blank','width=600,height=700,top=100px,left=0px')" class="bj-yj sev">马上联系服务</a>
        </div>
        <div class="service_main_con">
            <a href=""><img src="{{asset('/img/web/shopindex/br_4.png')}}" alt=""></a>
            <p class="service_main_con_jieshi">平台聚合了各个区域专业的合作单位，资源及关系相互结合，让双方的权益、更有保障，平台为双方把控风险，为您提供优质、安全、准时、实惠的专业服务</p>
            <p class="service_main_con_mod">
                <a href=""><span>资质服务</span></a>
                <a href=""><span>合作服务</span></a>
            </p>
            <a href="javascript:;" onClick="window.open('https://ejing365.qiyukf.com/client?k=658d5ad0d003c4208d8b2e2ade0b74f4&wp=1','_blank','width=600,height=700,top=100px,left=0px')" class="bj-yj sev">马上联系服务</a>
        </div>
    </div>
    <div class="width1200 mt10">
        @if(isset($info['adv_list']['adv_th'][1]['image']))
            <a target="_blank" href="{{$info['adv_list']['adv_th'][1]['url']}}"><img src="{{$info['adv_list']['adv_th'][1]['image']}}"></a>
        @endif
    </div>
    <div class="securitymarket">安防市场</div>
    <div class="securitymarket_center">
        @if(isset($info['recommendcategorieslist']) && !empty($info['recommendcategorieslist']))
            <?php $m=0; ?>
        @foreach($info['recommendcategorieslist'] as $k=>$v)
        @if($m%2==0)
        <div class="securitymarket_main">
        @endif
            @if($m%2==0)
            <div class="securitymarket_main_left">
            @else
            <div class="securitymarket_main_right">
            @endif
                <div class="securitymarket_main_tit">
                    <h3>{{$v['name']}}</h3>
                    <div class="img"><a target="_blank" href="{{url('/product/product_list')}}/{{$v['id']}}"><img src="{{$v['pic']?$v['pic']:asset('/img/web/shopindex/jk_2.png')}}"></a></div>
                     <div class="sec_mod">
                         @if(isset($v['second_list']) && !empty($v['second_list']))
                         @foreach($v['second_list'] as $key=>$val)
                             <a href="{{url('/product/product_list')}}/{{$val['id']}}"  target="_blank"><span>{{$val['name']}}</span></a>
                         @endforeach
                         @endif
                    </div>
                </div>
                <div class="securitymarket_main_img">
                    @if(isset($v['products']) && !empty($v['products']))
                        @foreach($v['products'] as $key=>$val)
                        <div class="sec_img_right">
                            <a target="_blank" href="{{url('/product/info')}}/{{$val['id']}}/{{$val['product_skus']['id']?$val['product_skus']['id']:0}}" class="sec_img"><img src="{{$val['cover_image']}}"></a>
                            <p class="sec_video">{{$val['name']}}</p>
                            <span class="sec_price">¥{{$val['product_skus']['sale_price']}}</span>
                        </div>
                        @endforeach
                    @endif
                </div>
            </div>
                <?php $m++;?>
            {{--<div class="securitymarket_main_right">--}}
                 {{--<div class="securitymarket_main_tit">--}}
                    {{--<h3>监控设备</h3>--}}
                    {{--<div class="img"><a target="_blank" href=""><img src="{{asset('/img/web/shopindex/jk_2.png')}}"></a></div>--}}
                     {{--<div class="sec_mod">--}}
                        {{--<p>行业产品与平台软件</p>--}}
                        {{--<span>传输设备</span>--}}
                        {{--<span>存储设备</span>--}}
                        {{--<span>控制设备</span>--}}
                        {{--<span>监控系统</span>--}}
                        {{--<span>摄像机设备</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="securitymarket_main_img">--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        @if($m%2==0 && $m!=0)
        </div>
        @endif
        @endforeach
        @endif
        {{--<div class="securitymarket_main">--}}
            {{--<div class="securitymarket_main_left">--}}
                {{--<div class="securitymarket_main_tit">--}}
                    {{--<h3>监控设备</h3>--}}
                    {{--<div class="img"><a target="_blank" href=""><img src="{{asset('/img/web/shopindex/jk_2.png')}}"></a></div>--}}
                     {{--<div class="sec_mod">--}}
                        {{--<p>行业产品与平台软件</p>--}}
                        {{--<span>传输设备</span>--}}
                        {{--<span>存储设备</span>--}}
                        {{--<span>控制设备</span>--}}
                        {{--<span>监控系统</span>--}}
                        {{--<span>摄像机设备</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="securitymarket_main_img">--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="securitymarket_main_right">--}}
                 {{--<div class="securitymarket_main_tit">--}}
                    {{--<h3>监控设备</h3>--}}
                    {{--<div class="img"><a target="_blank" href=""><img src="{{asset('/img/web/shopindex/jk_2.png')}}"></a></div>--}}
                     {{--<div class="sec_mod">--}}
                        {{--<p>行业产品与平台软件</p>--}}
                        {{--<span>传输设备</span>--}}
                        {{--<span>存储设备</span>--}}
                        {{--<span>控制设备</span>--}}
                        {{--<span>监控系统</span>--}}
                        {{--<span>摄像机设备</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="securitymarket_main_img">--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
        {{--<div class="securitymarket_main">--}}
            {{--<div class="securitymarket_main_left">--}}
                {{--<div class="securitymarket_main_tit">--}}
                    {{--<h3>监控设备</h3>--}}
                    {{--<div class="img"><a target="_blank" href=""><img src="{{asset('/img/web/shopindex/jk_2.png')}}"></a></div>--}}
                     {{--<div class="sec_mod">--}}
                        {{--<p>行业产品与平台软件</p>--}}
                        {{--<span>传输设备</span>--}}
                        {{--<span>存储设备</span>--}}
                        {{--<span>控制设备</span>--}}
                        {{--<span>监控系统</span>--}}
                        {{--<span>摄像机设备</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="securitymarket_main_img">--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="securitymarket_main_right">--}}
                 {{--<div class="securitymarket_main_tit">--}}
                    {{--<h3>监控设备</h3>--}}
                    {{--<div class="img"><a target="_blank" href=""><img src="{{asset('/img/web/shopindex/jk_2.png')}}"></a></div>--}}
                     {{--<div class="sec_mod">--}}
                        {{--<p>行业产品与平台软件</p>--}}
                        {{--<span>传输设备</span>--}}
                        {{--<span>存储设备</span>--}}
                        {{--<span>控制设备</span>--}}
                        {{--<span>监控系统</span>--}}
                        {{--<span>摄像机设备</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="securitymarket_main_img">--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                    {{--<div class="sec_img_right">--}}
                        {{--<a target="_blank" href="" class="sec_img"><img src="{{asset('/img/web/shopindex/jk_3.png')}}"></a>--}}
                        {{--<p class="sec_video">网络硬盘录像机</p>--}}
                        {{--<span class="sec_price">¥100000.00</span>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}
    </div>
</div>
@include('web.layout.footer_ware1')

</body>
<script type="text/javascript">
    $(function(){
        $('.tu').mouseenter(function () {
            var index = $(this).index();
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').eq(index).css('visibility', 'visible');
            $('.nav-list').css('z-index', '3');
            $(this).addClass('cur').siblings().removeClass('cur');
        })
        $('.nav-list').mouseenter(function (event) {
            $(this).css('visibility', 'visible');
            $('.nav-list').css('z-index', '3');

        });
        $('.nav-list').mouseleave(function () {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        })
        $('.wu-f').mouseleave(function () {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        })
        $('.ipt-nav').mouseleave(function (event) {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        });
        var mySwiper = new Swiper('.banner_swiper',{
            autoplay:true,
            loop : true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
                disabledClass: 'my-button-disabled',
            },
            pagination: {
                el: '.swiper-pagination',
                clickable :true,
            },
        })
        $('.news_box .news li').each(function(i){
            $(this).mouseover(function(){
                $('.news_box .news li').removeClass("dq");
                $(this).addClass("dq");
                $('.index_gg').hide();
                $('.index_gg').eq(i).show();
            });
        });
    })
</script>

<script type="text/javascript">
    $(function(){
        //八大类 鼠标浮动过去展示
        new ImitateScroll("scrollBox1", "scrollObj1", "scrollBar1", "scrollBtn1");
        new ImitateScroll("scrollBox2", "scrollObj2", "scrollBar2", "scrollBtn2");
        new ImitateScroll("scrollBox3", "scrollObj3", "scrollBar3", "scrollBtn3");
        new ImitateScroll("scrollBox4", "scrollObj4", "scrollBar4", "scrollBtn4");
        new ImitateScroll("scrollBox5", "scrollObj5", "scrollBar5", "scrollBtn5");
        new ImitateScroll("scrollBox6", "scrollObj6", "scrollBar6", "scrollBtn6");
        new ImitateScroll("scrollBox7", "scrollObj7", "scrollBar7", "scrollBtn7");
        new ImitateScroll("scrollBox8", "scrollObj8", "scrollBar8", "scrollBtn8");
        new ImitateScroll("scrollBox9", "scrollObj9", "scrollBar9", "scrollBtn9");
        new ImitateScroll("scrollBox10", "scrollObj10", "scrollBar10", "scrollBtn10");

    })
</script>
<script type="text/javascript">
    $(function(){
        var mySwiper = new Swiper('.swiper-container', {
            autoplay:true,
            loop : true,
        })
        $(".international_exchange_left ul li").click(function(){
            $(".box")
                .children("#B1").eq($(this).index())
                .show()
                .siblings("#B1")
                .hide()
        })
        $(".international_exchange_left ul li")
            .on("click",function(){
                $(this)
                    .stop()
                    .css({"background":"#fff"})
                    .css({"color":"#1f8eda"})
                    .siblings()
                    .stop()
                    .css({"background":"#e1e1e1"})
                    .css({"color":"#333"})
            })
    })
</script>
<script>
    (function($){
        $.fn.FontScroll = function(options){
            var d = {time: 3000,s: 'fontColor',num: 1}
            var o = $.extend(d,options);
            this.children('ul').addClass('line');
            var _con = $('.line').eq(0);
            var _conH = _con.height(); //滚动总高度
            var _conChildH = _con.children().eq(0).height();//一次滚动高度
            var _temp = _conChildH;  //临时变量
            var _time = d.time;  //滚动间隔
            var _s = d.s;  //滚动间隔
            _con.clone().insertAfter(_con);//初始化克隆
            //样式控制
            var num = d.num;
            var _p = this.find('li');
            var allNum = _p.length;
            _p.eq(num).addClass(_s);
            var timeID = setInterval(Up,_time);
            this.hover(function(){clearInterval(timeID)},function(){timeID = setInterval(Up,_time);});

            function Up(){
                _con.animate({marginTop: '-'+_conChildH});
                //样式控制
                _p.removeClass(_s);
                num += 1;
                _p.eq(num).addClass(_s);

                if(_conH == _conChildH){
                    _con.animate({marginTop: '-'+_conChildH},"normal",over);
                } else {
                    _conChildH += _temp;
                }
            }
            function over(){
                _con.attr("style",'margin-top:0');
                _conChildH = _temp;
                num = 1;
                _p.removeClass(_s);
                _p.eq(num).addClass(_s);
            }
    }
})(jQuery);
    $('#FontScroll').FontScroll({time: 2000,num: 1});
  </script>
 <script>
    $(function(){
        var phone=/^1(3|4|5|7|8)\d{9}$/; //手机号
        var name= /^[\u4e00-\u9fa5 ]{2,20}$/;//联系人
        $(".btn").click(function(){
            var userPhone=$(".user-phone").val();  //联系人手机
            var Name=$(".name").val(); //联系人
            //---------------------手机号验证
            if(!userPhone.match(phone)){
                $(".user-phone").css("border","1px solid red")
                layer.alert("手机号格式错误！",{icon: 0});
                return false;
            }else{
                $(".user-phone").css("border","1px solid green");
                $(".user-phone").attr("success","yes")
            }
            //---------------------联系人验证
            if(!Name.match(name)){
                 $(".name").css("border","1px solid red")
                layer.alert("联系人格式错误！",{icon: 0});
                return false;
            }else{
                $(".name").css("border","1px solid green");
                $(".name").attr("success","yes")
            }
            $.ajax({
                url:create_url,
                type:"get",
                data:{
                    phone:userPhone,
                },
                dataType:'json',
                success:function(data){
                    if(0==data.code){
                        layer.alert('马上配单',{
                            icon: 1
                        },function () {
                            location.reload();
                        });
                    }else{
                        layer.alert(data.message,{
                            icon: 0
                        });
                    }
                }
            });
        })
    })

</script>
</html>